<style type="text/css">
    .content{
        font-size: 18px;
    }
 .btn1,.btn2,.btn3{
     float: left;
     margin-left: 40px;
    width: 100px;
 }
.table1{
    margin-left: 40px;
    margin-top: 70px;
    width: 88%;
    text-align: center;
}

.foot-text1{
   position: relative;
    top: 10px;
    left: 30px;

}
    .page1{
        margin-left: 250px;
       position: relative;
        top: 45px;
    }
    .modal-body input {
        width: 500px;
    }
    .modal-body select{
        width: 500px;
        height: 38px;
        border-style: none;
        border: 1px solid #ccc;
    }
    select{
        width: 120px;
        height: 34px;
        border-style: none;
        border: 1px solid #ccc;
        font-size: 14px;
    }
</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">

<input id="year_id_hidden" type="hidden" value="1" />

    <div id="year1" class="tab-pane fade in active content" >
        <div class="btn-group btn1">
            <select id="selectgroup1">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>

        <div class="btn-group btn2">
            <select id="selectRole1">
                <option data-id="undefined">按职位</option>
                <%for(i=0;i<dataRole.length;i++){%>
                <option data-id="<%=dataRole[i].mid%>"><%=dataRole[i].role_name %></option>
                <%}%>
            </select>
        </div>
        <button type="button" class="btn btn-default btn3" id="searchid1">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast1"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast1"><ul></ul></div>
        </div>

    </div>

    <div id="year2" class="tab-pane fade content">
        <div class="btn-group btn1">
            <select id="selectgroup2">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>

        <div class="btn-group btn2">
            <select id="selectRole2">
                <option data-id="undefined">按职位</option>
                <%for(i=0;i<dataRole.length;i++){%>
                <option data-id="<%=dataRole[i].mid%>"><%=dataRole[i].role_name %></option>
                <%}%>
            </select>
        </div>
        <button type="button" class="btn btn-default btn3" id="searchid2">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast2"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast2"><ul></ul></div>
        </div>
    </div>
    <div id="year3" class="tab-pane fade content">
        <div class="btn-group btn1">
            <select id="selectgroup3">
                <option data-id="undefined">按组</option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>

        <div class="btn-group btn2">
            <select id="selectRole3">
                <option data-id="undefined">按职位</option>
                <%for(i=0;i<dataRole.length;i++){%>
                <option data-id="<%=dataRole[i].mid%>"><%=dataRole[i].role_name %></option>
                <%}%>
            </select>
        </div>
        <button type="button" class="btn btn-default btn3" id="searchid3">搜索</button>

        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast3"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast3"><ul></ul></div>
        </div>
    </div>


    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        修改任务信息
                    </h4>
                </div>
                <div class="modal-body">
                    姓名<br/>
                    <input type="text" id="textName">
                    <br/>
                    公司<br/>
                    <select id="selectgroupedit">
                        <option data-id="undefined">选择公司</option>
                        <%for(i=0;i<dataGroupedit.length;i++){%>
                        <option data-id="<%=dataGroupedit[i].mid%>"><%=dataGroupedit[i].group_name %></option>
                        <%}%>
                    </select>
                    <br/>
                    职位<br/>
                    <select id="selectRoleedit">
                        <option data-id="undefined">选择职位</option>
                        <%for(i=0;i<dataRoleedit.length;i++){%>
                        <option data-id="<%=dataRoleedit[i].mid%>"><%=dataRoleedit[i].role_name %></option>
                        <%}%>
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="btnUpdate">
                        提交更改
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>





